// 负责管理所有的自定义指令
export const imagerror = {
  inserted(dom, options) {
    // options--是指令中的变量的解释，其属性value的值就是指令作用在dom中传进去的变量的值
    // dom--当前指令作用的dom对象
    // 当图片有地址，但是地址没有加载成功的时候，会报错，会触发图片的一个事件 => onerror
    // 判断初始值 dom.src = dom.src || options.value
    dom.src = dom.src || options.value
    dom.onerror = function() {
      // dom可以注册error事件
      dom.src = options.value // 这里不能写死
    }
  },
  // 在赋值之后重新处理
  componentUpdated(dom, options) {
    // 该钩子函数会在当前指令所作用的组件 更新数据完毕之后执行
    // inserted只会执行一次
    // 组件初始化后 一旦再更新 就不会再进入inserted 而是直接进入componentUpdated函数
    dom.src = dom.src || options.value
  }
}
